import { useTypographyStyles } from './styles.tsx';

import type { FC, ReactNode } from 'react';

interface IRegularTextProps {
    color?: string;
    children: ReactNode
}

export const RegularText:FC<IRegularTextProps> = ({ children, color }) => {
    const { styles } = useTypographyStyles();
    return (
        <div className={styles.regular} style={{ color }}>
            {children}
        </div>
    );
};
